<template>
	<p>成绩:</p><input type="text" v-model="socre"/>
	<p v-show="type==='A'">优秀</p>
	<p v-show="type==='B'">良好</p>
	<p v-show="type==='C'">及格</p>
	
	<button @click="type='A'">A:切换成优秀</button>
	<button @click="type='B'">B:切换成良好</button>
	<button @click="type='C'">C:切换成及格</button>
</template>

<script setup>
	import {ref} from 'vue'
	
	
	const type=ref('A')
	const isShow=ref(false)
	const socre=ref(90)
</script>

<style>
</style>